
//ScreenSize
$mobile-max-width:            850px;
$mobile-mid-width:            720px;
$mobile-min-width:            320px;

//font
$font-family-default: -apple-system, BlinkMacSystemFont,Arial,sans-serif !default;

//Transition
$transition-base:             all .2s ease-in-out !default;

$scrollbar-width: 7px;

//Color
$color-main:#47a369;//主色
$color-1: #20702e;
$color-2: #13581F;
$color-3: #F5F5F5;
$color-b1: rgba(#111,1);
$color-ff: rgba(#fff,1);
$black:    rgba(#000,1);
$color-wu: rgba(#555,1);
$color-qi: rgba(#777,1);
$color-cc: rgba(#ccc,1);
$color-dd: rgba(#ddd,1);
$color-pp: rgba(#0099cc,1);
$color-ee: rgba(#eee,1);
$color-aa: rgba(#aaa,1);
$color-e0: rgba(#34404D,1);
$color-f1: rgba(#f1f1f1,1);
$color-f2: rgba(#F2F2F2,1);
$color-f3: rgba(#F3F3F3,1);
$color-f4: rgba(#F4F4F4,1);
$color-f5: rgba(#F5F5F5,1);
$color-f6: rgba(#F6F6F6,1);
$color-f7: rgba(#F7F7F7,1);
$color-f8: rgba(#f8f9fa,1);
$color-f9: rgba(#f9f9f9,1);
$color-c9:rgba(#C9C9C9,1);
$color-fc: rgba(#f8fafc,1);
$color-e5: rgba(#E5E5E5,1);
$color-e7: rgba(#E7E7E7,1);
$color-e8: rgba(#00A0E8,1);
$color-e9: rgba(#027cb3,1);
$color-d1: rgba(#D1D1D1,1);
$color-d4: rgba(#DADADA,1);
$color-d8: rgba(#D8D8D8,1);
$color-99: rgba(#999999,1);
$color-re: rgba(#58585A,1);  //Secu365 mobile sidebar bg
$color-d0: rgba(#D0021B,1);  //Secu365 主色
$color-3b: rgba(#67C13B,1);
$color-f60: rgba(#ff9600,1);
$ac-color: rgba(#EB720F,1);
$color-menu-hover: #ddffe3; // 目录hover
$color-button-hover-bgc: #13581f;  // 按钮hover背景色
// 文字按钮颜色
$text-color-1: #319542; // 编辑
$text-color-2: #2B98ED; // 查看
$text-color-3:#23B7F0; // 启用/禁用
$text-color-4:#F14747; // 删除

$box-shadow-around: rgba($black, .15) 0 0 6px;
// background
$bg1:rgba(0,0,0,0.55);

//Font Size
$input-fontsize: 14px !default;
$icon-size5: 2rem !default;
// icon size
.icon-size{
  font-size: 16px;
  &:before{
          font-size: 1.5rem;
          vertical-align: middle;
  }
}
//省略号
.senluehao{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


// sidebar
$sideBarWidth: 100%;
$sideBarHeight: 70px;
$sideBarBg: rgba(#303030,1);
$sideBarBgMobile: rgba(#58585A,1);
$menuText:#f1f1f1;
$menuActiveText:#47a369;
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBg:rgba(0,0,0,0);
$menuHover:#000;

$subMenuBg:#303030;
$subMenuHover:#47a369;

@keyframes small-spot {
  0%,
  100% {
    box-shadow: 0 -1.2em 0 0.2em, 1em -1em 0 0em, 1.2em 0 0 -1em, 1em 1em 0 -1em, 0 1.2em 0 -1em, -1em 1em 0 -1em, -1.2em 0 0 -1em, -1em -1em 0 0;
  }
  12.5% {
    box-shadow: 0 -1.2em 0 0, 1em -1em 0 0.2em, 1.2em 0 0 0, 1em 1em 0 -1em, 0 1.2em 0 -1em, -1em 1em 0 -1em, -1.2em 0 0 -1em, -1em -1em 0 -1em;
  }
  25% {
    box-shadow: 0 -1.2em 0 -0.5em, 1em -1em 0 0, 1.2em 0 0 0.2em, 1em 1em 0 0, 0 1.2em 0 -1em, -1em 1em 0 -1em, -1.2em 0 0 -1em, -1em -1em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -1.2em 0 -1em, 1em -1em 0 -1em, 1.2em 0em 0 0, 1em 1em 0 0.2em, 0 1.2em 0 0em, -1em 1em 0 -1em, -1.2em 0em 0 -1em, -1em -1em 0 -1em;
  }
  50% {
    box-shadow: 0 -1.2em 0 -1em, 1em -1em 0 -1em, 1.2em 0 0 -1em, 1em 1em 0 0em, 0 1.2em 0 0.2em, -1em 1em 0 0, -1.2em 0em 0 -1em, -1em -1em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -1.2em 0 -1em, 1em -1em 0 -1em, 1.2em 0 0 -1em, 1em 1em 0 -1em, 0 1.2em 0 0, -1em 1em 0 0.2em, -1.2em 0 0 0, -1em -1em 0 -1em;
  }
  75% {
    box-shadow: 0em -1.2em 0 -1em, 1em -1em 0 -1em, 1.2em 0em 0 -1em, 1em 1em 0 -1em, 0 1.2em 0 -1em, -1em 1em 0 0, -1.2em 0em 0 0.2em, -1em -1em 0 0;
  }
  87.5% {
    box-shadow: 0em -1.2em 0 0, 1em -1em 0 -1em, 1.2em 0 0 -1em, 1em 1em 0 -1em, 0 1.2em 0 -1em, -1em 1em 0 0, -1.2em 0em 0 0, -1em -1em 0 0.2em;
  }
}


// the :export directive is the magic sauce for webpack
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}


//边框
@mixin yjbk ($num) {
  -moz-border-radius: $num;
  -webkit-border-radius: $num;
  border-radius: $num;
}

//转块元素
@mixin block ($width, $height) {
  width: $width;
  height: $height;
  display: block;
}

//转行内块元素
@mixin inline-block ($width, $height) {
  width: $width;
  height: $height;
  display: inline-block;
}


//屏幕中居中
@mixin pm-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


//文本省略
@mixin ellipsis($rowCount: 1) {
  @if $rowCount <=1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} @else {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: $rowCount;
      -webkit-box-orient: vertical;
  }
}

//三角形（）
@mixin sanjiaoxing($size: 5px, $color: rgba(0, 0, 0, 0.6), $dir: bottom) {
  width: 0;
  height: 0;
  border-style: solid;
  @if (bottom==$dir) {
      border-width: $size $size 0 $size;
      border-color: $color transparent transparent transparent;
  } @else if (top==$dir) {
      border-width: 0 $size $size $size;
      border-color: transparent transparent $color transparent;
  } @else if (right==$dir) {
      border-width: $size 0 $size $size;
      border-color: transparent transparent transparent $color;
  } @else if (left==$dir) {
      border-width: $size $size $size 0;
      border-color: transparent $color transparent transparent;
  }
}

//元素定位
@mixin postion ($type, $top, $right, $bottom, $left) {
  position: $type;
  top: $top;
  bottom: $bottom;
  left: $left;
  right: $right;
  & > #{$type} {
      color: #f00;
  }
}

// 隔行换色
@mixin ghhs($evenColor, $evenBgColor, $oddColor, $oddBgColor) {
  &:nth-child(2n) {
      color: $evenColor;
      background-color: $evenBgColor;
  }
  &:nth-child(2n + 1) {
      color: $oddColor;
      background-color: $oddBgColor;
  }
}

// 禁止文本被选择
@mixin user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

//修改input placeholder颜色
@mixin placeholderColor($color: #fff) {
  &::-webkit-input-placeholder {
    color: $color;
  }

  &::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: $color;
  }

  &:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: $color;
  }

  &:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: $color;
  }
}

//元素初始化
@mixin elinit ($w: auto,$h: auto,$c: #fff) {
    width: $w;
    height: $h;
    background: $c;
}

//元素居中
@mixin content ($w,$h) {
    position: absolute;
    width: $w;
    height: $h;
    top: 50%;
    left: 50%;
    margin-top: -$h / 2;
    margin-left:  -$w / 2;
}

//阴影
@mixin boxshadow ($x) {
    box-shadow: $x;
}

